//var domain = "http://zns.wan.com";
var page = 1;
var cateid = null;//角色扮演
var subjectid = null;
var fightid = null;
var letterid = null;


$(function () {
    ajaxFY(page);
    $("#div_page").on("click", "a", function (e) {
        e.preventDefault();
        //alert($(this).attr('data-key'));
        page = $(this).attr('data-key');
        ajaxFY(page, cateid, subjectid, fightid, letterid);
    });

    $("#cate_1").on("click", "a", function (e) {
        e.preventDefault();
        //alert($(this).attr('data-key'));        
        $(this).siblings().removeClass('on');
        $(this).addClass('on');
        cateid = $(this).attr('data-key');
        ajaxFY(page, cateid, subjectid, fightid, letterid);
    });

    $("#cate_7").on("click", "a", function (e) {
        e.preventDefault();
        //alert($(this).attr('data-key'));        
        $(this).siblings().removeClass('on');
        $(this).addClass('on');
        subjectid = $(this).attr('data-key');
        ajaxFY(page, cateid, subjectid, fightid, letterid);
    });

    $("#cate_20").on("click", "a", function (e) {
        e.preventDefault();
        //alert($(this).attr('data-key'));        
        $(this).siblings().removeClass('on');
        $(this).addClass('on');
        fightid = $(this).attr('data-key');
        ajaxFY(page, cateid, subjectid, fightid, letterid);
    });

    $("#cate_24").on("click", "a", function (e) {
        e.preventDefault();
        //alert($(this).attr('data-key'));
        $(this).siblings().removeClass('on');
        $(this).addClass('on');
        letterid = $(this).attr('data-key');
        ajaxFY(page, cateid, subjectid, fightid, letterid);
    });

});

function ajaxFY(page, cateid, subjectid, fightid, letterid) {
    var param = "s=game/pagination&page=" + page + "&cateid=" + cateid + "&subjectid=" + subjectid + "&fightid=" + fightid + "&letterid=" + letterid;
    $.ajax({
        type: 'get',
        url: domain + '/index.php',
        data: param,
        dataType: 'json',
        success: function (data) {
            var i = 1;
            var html = '';
            for (j = 0; j < data['list'].length; j++) {
                if (i == 4 || i == 8 || i == 12) {
                    html += '<li class="mr0">';
                } else {
                    html += '<li>';
                }
                html += '<img src="images/' + data['list'][j].enname + '.png" width="204" height="128"  alt=""/>';
                html += '<p><span>' + data['list'][j].name + '</span><strong>' + data['list'][j].gamename + '</strong></p>';
                html += '<p><span class="gl_lba"><a href="#">礼包</a></span><i>318404</i>人正在玩</p>';
                html += '<div class="gl_btn"><a href="#">开始游戏</a></div></li>';
                i++;
            }
            $("#list").html(html);
            $("#div_page").html(data['tag']);
        }
    });
}




            